@import './public/Footer';
@import './public/Header';

.movie-table{
    width: 100%;
    border-collapse:collapse;
    border-radius: 15px;

    thead{
        background-color: #F7F7F7;
        .movie-name{
            width: 25%;
        }
        .movie-synopsis{
            width: 50%;
        }
        .movie-do{
            width: 25%;
        }
    }
    th , td{
        height: 40px;
        text-align: left;
    }
    tbody{
        tr{
            border-bottom: 1px solid #F7F7F7;
        }
        tr:hover{
            background-color: #ecf8fd;
        }
    }
    
    
}